<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>element卡片</title>
    <link rel="stylesheet" href="../../css/element.css">
    <script src="../../js/vue2.6.js"></script>
    <script src="../../js/element.js"></script>
</head>
<body>
<div id="app">
    <el-card class="box-card">
        <div slot="header" class="clearfix">
            <span>卡片名称</span>
            <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
        </div>
        <div v-for="o in 4" :key="o" class="text item">
            {{'列表内容 ' + o }}
        </div>
    </el-card>
</div>
<script>
    new Vue().$mount('#app');
</script>
</body>
</html>